<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        form>div{
            display: flex;
            margin: 1em;
            justify-content: center;
            align-items: center;
        }
    </style>
    <script src="../js/jquery-3.5.1.js"></script>
</head>
<body>
<!--<form action="/register" method="post">-->
<div>用户名：<input type="text" id="username" name="username" pattern="^[a-zA-Z]\w{5,15}$" onblur="usernameCheck()"></div>

<div>密码：<input type="password" id="password" name="password" pattern="^[a-zA-Z]\w{5,15}$"></div>

<div>确认密码：<input type="password" id="confirmPassword" name="confirmPassword" pattern="^[a-zA-Z]\w{5,15}$" onblur="confirmPassword()"></div>
<div id="tips" style='color: red'></div>
<div>验证码:<input type="text" id="codeipt" name="code" pattern="[a-zA-z]/d{4}"><img id="codeimg" src="/code" onclick="flushCode()" ></div>

<div>手机号:<input type="text" id="phone" name="phone" pattern="^1([38][0-9]|4[5-9]|5[0-3,5-9]|66|7[0-8]|9[89])[0-9]{8}$"></div>

<div>性别:
    <label><input type="radio" name="sex" value="保密">保密</label>
    <label><input type="radio" name="sex" value="男">男</label>
    <label><input type="radio" name="sex" value="女">女</label>
</div>

<div>生日:<input type="date" name="birth" id="birth"></div>

<div>爱好:
    <label><input type="checkbox" name="hobby" value="篮球">篮球</label>
    <label><input type="checkbox" name="hobby" value="足球">足球</label>
    <label><input type="checkbox" name="hobby" value="羽毛球">羽毛球</label>
</div>
<div>自我评价:
    <textarea id="intro" name="intro"></textarea>
</div>
<div>
    <input type="button" value="注册" onclick="register()">
    <input type="button" value="登录" onclick="window.location.href='/login'">
</div>
<!--</form>-->
<script src="/js/back/register.js"></script>
</body>
</html>